<!-- 实地探盘组件 -->
<template>
  <div>
    <p class="title">实地探盘 >></p>
    <div class="Field_body">
      <FieldItem v-for="item in itemList" :key="item.id" :img="item.img" :title="item.title"
        :href="href" id="fieldItem" />
    </div>
  </div>
</template>

<script>
import { defineComponent, ref } from 'vue'
import FieldItem from './FieldItem.vue'
export default defineComponent({
  components: {
    FieldItem
  },
  setup () {
    const itemList = ref([
      {
        id: 1,
        href: '',
        img: '',
        title: '【增城】科教城新盘热炸广州！67平三房，央企出手，正地铁盘！'
      },
      {
        id: 2,
        href: '',
        img: '',
        title: '【荔湾】广钢花城｜最具发展潜力的板块，底气何在'
      }
    ])
    return {
      itemList
    }
  }
})
</script>

<style lang="less" scoped>
.title {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  color: #333333;
  margin-left: 20px;
  margin-bottom: 10px;
}
.Field_body {
  margin-right: 25px;
  width: 294px;
  padding: 22px 24px;
  box-sizing: border-box;
  border: 1px solid #ededed;
  #fieldItem:last-child {
    margin-bottom: 0;
  }
}
</style>
